
<template>
  <div class="newLogoBox" @click="$router.push({name:'home'})">
    <img class="logo" src="../../../assets/logo2.png" alt="">
<!--    <div class="content content1">-->
<!--      <span>江西省港口集团</span>-->
<!--      <span>JIANGXI  PORT  GROUP</span>-->
<!--    </div>-->
<!--    <div class="line"></div>-->
    <div class="content content2">
      <span>江西港口综合服务平台门户</span>
<!--      <span>Integrated Service Platform</span>-->
    </div>
  </div>
</template>

<script>
export default {
  name: "newLogoBox"
}
</script>

<style scoped lang="less">
.newLogoBox{
  display: flex;
  align-items: center;
  cursor: pointer;
  .logo{
    width: 45px;
  }
  .content{
    display: flex;
    flex-direction: column;
    color:white;
    font-size: 18px;
    font-weight: bold;
    align-items: center;
    //justify-content: center;

  }
  .content1{
    margin-left: 10px;
    span:last-child{
      font-size: 11px;
    }
  }
  .content2{
    margin-left: 10px;

  }
  .line{
    width: 1px;
    height: 24px;
    background: white;
    margin-left: 8px;
    margin-right: -40px;
  }
}
</style>